*{
	color: green;
}
.container{/*body*/
	background: black;
	height: 100%;
}
#top{
	
}
#top h1{
	margin-left: 20px;
	padding-top: 20px;
}
#top p{
	margin-left: 20px;
	color: green;
	margin-top: 0px;
}





.container .wrapper{
	
}

#menubar{/*div*/
	width: 30%;
	margin-top: 10px;
	float: left;
}
#menulist{/*ul*/
}
.menuitem{/*li*/
	height: 20px;
	padding: 4px 0px;
}
.menuitem:hover{
	color: white;
}

#main{
	clear: both;
	margin-top: 20px;
}
#main h1{
	margin: 20px 20px;
	padding-top: 30px;
	
}
#main p{
	margin: 20px 20px;
}
#main p a{
	color: white;
}
#main p a:hover{
	color: green;
}
#main h2{
	margin: 20px 20px;
}

#sidebar{
	width: 40%;
	border: 1px solid white;
	float: right;
	margin-top: -420px;
	margin-right: 30px;
}
#sidebar h3{
	margin: 10px 20px;
	color: white;
}
#sidebar p{
	margin: 10px 20px;
	color: white;
}
   
   


#bottom{
	border: 1px solid white;
	margin: 20px 20px;
	margin-bottom: 40px;
	padding-bottom: 20px;
}
#bottom p{
	text-align: center;
	color: white;
	padding-top: 20px;
	line-height: 0px;
}

@media only screen and (max-width:770px ) {
	#sidebar{
		margin-top: -490px;
	}
}

@media only screen and (max-width:550px ) {
	#sidebar{
		float: none;
		margin: 20px 20px;
		width: auto;
	}
}


